<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	<link rel="stylesheet" href="css/css1.css" />
	</head>
	<body>
		<p id ="p" onclick="show()" onmouseout="alert('hhh')">hello</p>
		<script>
			/**
			 * js对象：  html页面标签的实体
			 * 
			 * --|html 
			 * 	   --|head
			 * 	   --|link
			 * 	   --|body
			 * 	       --|p
			 * 
			 */	
//			 var obj = document.getElementById()
			 
			 //获取本页面所有的节点
			 var i = document.all;
			 for(var j = 0;j<i.length;j++){
			 	document.write(i[j].nodeName+"   ");
			 }
			 //获取p标签的对象
			 var obj = document.getElementById("p");
			 obj.innerHTML = "你好";//
			 
			 function show(){
			 	alert(obj.textContent);
			 }
			 
			 //事件 ， 鼠标点击、鼠标移入移除、
			 
		</script>
	</body>
</html>
